<%@page import="dao.empresaDao"%>
<%@page import="bean.empresaBean"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="menu.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script>
			$(function(){
				
				$("#cnpjEmpresa, #dlgAlterarCnpjEmpresa").mask("99.999.999/9999-99");
				
				$("img").css("cursor", "pointer");
				
				$("#cnpjEmpresa").blur(function() {
					if ($(this).val() == "__.___.___/____-__") {
						$(this).val("");
					}
				});
				
				$("#btnCadastrarEmpresa").button().click(function(){
					
					var nomeEmpresa = $("#nomeEmpresa").val();
					var cnpj = $("#cnpjEmpresa").val();
					var cidade = $("#cidadeEmpresa").val();
					
					$.ajax({
						url:"cadastrarEmpresa",
						data:{nomeEmpresa:nomeEmpresa, cnpj:cnpj, cidade:cidade},
						success:function(html){
							if(html != ""){
								$("#msnEmpresa").html(html);
							}else{
								window.location.reload(true);
							}
						}
					});
					
				});
				
				$("#btnDlgAlterarEmpresa").button().click(function(){
					var form = $("#formAlteraEmpresa").serialize();
					$.ajax({
						url:"alteraCadastroEmpresaServlet",
						data:form,
						success:function(html){
							if(html != ""){
								$("#msnDlgAlterarEmpresa").html(html);
							}else{
								window.location.reload();
							}
						}
					});
				});
				
				$("#dlgAlterarEmpresa").dialog({
					resizable : false,
					autoOpen : false,
					height : 'auto',
					width : 'auto',
					modal : true,
					close : function() {
						$("#dlgAlterarIdEmpresa").val("");
						$("#dlgAlterarNomeEmpresa").val("");
						$("#dlgAlterarCnpjEmpresa").val("");
						$("#dlgAlterarCidadeEmpresa").val("");
					}
				});
				
				$("#tblEmpresas").dataTable({
					"bJQueryUI": true,
					"bLengthChange": true,
					"aLengthMenu": [[10, 20, 50, 100, -1], [10, 20, 50, 100, "all"]],
					"sPaginationType": "full_numbers",
					"bPaginate": true,
					"aoColumns": [ 
						{ "sWidth": "10px" },
						null,
						{ "sWidth": "200px" },
						{ "sWidth": "200px" },
						{ "sWidth": "30px" },
					],
					 "oLanguage": {
					"sSearch": "Pesquisar: _INPUT_",
					"sLengthMenu": "Mostrar _MENU_ registros por página",
					"sZeroRecords": "Nada foi encontrado",
			        "sInfo": "_TOTAL_ registros",
			        "sInfoEmpty": "Nenhum registro com esse dado",
			        "sInfoFiltered": "(Filtrados a partir de _MAX_ registos totais)"
					 }
				});
				
			});
			
			function alterar(id, nome, cnpj, cidade){
				$("#dlgAlterarIdEmpresa").val(id);
				$("#dlgAlterarNomeEmpresa").val(nome);
				$("#dlgAlterarCnpjEmpresa").val(cnpj);
				$("#dlgAlterarCidadeEmpresa").val(cidade);
				
				$("#dlgAlterarEmpresa").dialog("open");
				
			};
			
			function desativar(id){
				var conf = confirm("Realmente deseja desativar esta empresa? ID - "+id);
				if(conf){
					$.ajax({
						url:"desativaEmpresaServlet",
						data:{id:id},
						success:function(){
							window.location.reload();
						}
					});
				}
			}
			
			function ativar(id){
				var conf = confirm("Realmente deseja ativar esta empresa? ID - "+id);
				if(conf){
					$.ajax({
						url:"ativaEmpresaServlet",
						data:{id:id},
						success:function(){
							window.location.reload();
						}
					});
				}
			}
			
		</script>
	</head>
	<body>
		<p>
		<fieldset class="ui-corner-all"
			style="margin-top: 10px; padding-top: 0px;">
			<legend class="ui-corner-all" style="font-size: 14px;">Clientes</legend>
			<p>
				Nome:<input type="text" id="nomeEmpresa" class="text ui-widget-content ui-corner-all" style="padding: 4px;" size="40">	
				CNPJ:<input type="text" id="cnpjEmpresa" class="text ui-widget-content ui-corner-all" style="padding: 4px;" maxlength="18" size="20">
				<br>
				Cidade:<input type="text" id="cidadeEmpresa" class="text ui-widget-content ui-corner-all" style="padding: 4px;" maxlength="20" size="20">
				<button id="btnCadastrarEmpresa">Cadastrar</button>
			</p>
			<p id="msnEmpresa"></p>
			<table id="tblEmpresas">
				<thead>
					<tr>
						<th>ID</th>
						<th>Empresa</th>
						<th>CNPJ</th>
						<th>Cidade</th>
						<th>Ações</th>
					</tr>
				</thead>
				<tbody>
				<%
					List<empresaBean> empresas = new empresaDao().getAll(conn);
					for(int i=0; i<empresas.size();i++){
				%>
					<tr style="color: <%if(empresas.get(i).getExcluido() == 0){%>
									 green; <%}else{%>
									 red;
									 <%}%>">
						<td><%=empresas.get(i).getId()%></td>
						<td><%=empresas.get(i).getNome()%></td>
						<td><%=empresas.get(i).getCnpj()%></td>
						<td><%=empresas.get(i).getCidade()%></td>
						<td>
							<img src="imagens/alterar.png" title="Alterar" onclick="alterar('<%=empresas.get(i).getId()%>', '<%=empresas.get(i).getNome()%>','<%=empresas.get(i).getCnpj()%>','<%=empresas.get(i).getCidade()%>')"> 
							<%if(empresas.get(i).getExcluido() == 0){%>
									 <img src="imagens/excluir.png" title="Desativar" onclick="desativar('<%=empresas.get(i).getId()%>')"> 
									 <%}else{%>
									 <img src="imagens/tick-button.png" title="Ativar" onclick="ativar('<%=empresas.get(i).getId()%>')">
									 <%}%>
						</td>
					</tr>
				<%		
					}
				%>
				</tbody>
			</table>		
		</fieldset>
		
		<!-- Dialogs -->
		<div id="dlgAlterarEmpresa" title="Alterar Empresa">
			<form id="formAlteraEmpresa">
				<p>
					<input type="hidden" id="dlgAlterarIdEmpresa" name="dlgAlteraIdEmpresa" >
					Nome:<input type="text" id="dlgAlterarNomeEmpresa"  name="dlgAlteraNomeEmpresa"
					class="text ui-widget-content ui-corner-all" style="padding: 4px;" size="40">
					<br>
					CNPJ:<input type="text" id="dlgAlterarCnpjEmpresa" name="dlgAlteraCnpjEmpresa"
					class="text ui-widget-content ui-corner-all" maxlength="18" style="padding: 4px;" size="20">
					<br>
					Cidade:<input type="text" id="dlgAlterarCidadeEmpresa" name="dlgAlteraCidadeEmpresa"
					class="text ui-widget-content ui-corner-all" maxlength="20" style="padding: 4px;" size="20">
				</p>
			</form>
			<button id="btnDlgAlterarEmpresa">Salvar</button>
			<p id="msnDlgAlterarEmpresa"></p>
		</div>
		
	</body>
</html>